<template>
	<view class="item" :id="index % 2 == 0 ? 'margin14' : ''">
		<view class="avatar">
			<image :src="item.image" mode="aspectFill"></image>
			<view class="tag">
				<image :src="$util.prefix('circle/home_video.png')" v-if="item.video"></image>
				<image :src="$util.prefix('circle/home_image.png')" v-else></image>
			</view>
		</view>
		
		<view class="sign hidden_2">
			{{ item.content }}
		</view>
		
		<view class="info flex_r_between">
			<view class="left flex_center">
				<image :src="item.avatar" mode="aspectFill"></image>
				<text class="name hidden">{{ item.nickname || '' }}</text>
			</view>
			
			<view class="right flex_center">
				<u-icon name="play-right" size="24rpx" color="#666666"></u-icon>
				<text>{{ item.read_num || 0 }}</text>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		name: 'videoTem',
		props: {
			item: {
				type: Object,
				default: () => {},
			},
			index: {
				type: Number,
				default: 0,
			},
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	
	.item {
		width: 352rpx;
		height: 660rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		overflow: hidden;
		margin-bottom: 14rpx;
		
		.avatar {
			width: 352rpx;
			height: 470rpx;
			position: relative;
			image {
				width: 352rpx;
				height: 470rpx;
			}
			
			.tag {
				width: 40rpx;
				height: 40rpx;
				position: absolute;
				bottom: 16rpx;
				right: 16rpx;
				image {
					width: 40rpx;
					height: 40rpx;
				}
			}
		}
		
		.info {
			padding: 0 16rpx;
			.left {
				.name {
					max-width: 160rpx;
					font-size: 24rpx;
					color: #666666;
				}
				image {
					width: 48rpx;
					height: 48rpx;
					border-radius: 24rpx;
					margin-right: 12rpx;
				}
			}
			.right {
				text {
					font-size: 24rpx;
					color: #666666;
					margin-left: 4rpx;
				}
			}
		}
		
		.sign {
			padding: 0 16rpx 0;
			margin: 24rpx 0 16rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
			height: 80rpx;
		}
		
	}
	
	#margin14 {
		margin-right: 14rpx;
	}
	
</style>
